<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="A Pokétest to see if you can memorize every Pokémon in the world.">
	<title>Pokétest</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="taketest.js"></script>
	<script src="list.js"></script>
</head>
<body>
	<header>
		<a href="index.html">
			<img src="header.png" alt="header image" />
		</a>
	</header>

	<article>
		<h2>Quel est ce Pokémon ?</h2>
		<div class="wrapper">
			<p>Bienvenue sur le Pokétest !</p>
			<p>Avec <strong>649 monstres de poche</strong>, vous avez du mal à mémoriser le nom de <em>toutes</em> les créatures ? Venez tester vos connaissances et apprendre sur <strong>Pokétest</strong> ! Filtrez les générations et les langues qui vous intéressent ! Vous deviendrez alors <em>imbattables</em> !</p>
			<p>Le <strong>décompte</strong> correspond au temps que vous vous attribuez pour répondre aux questions. Le mode de jeu <strong>infini</strong> vous permet de jouer indéfiniment. Dans le mode <strong>limité</strong>, vous entrez le nombre de questions que vous souhaitez. Nettement plus compliqué, le <strong>mode hardcore</strong> vous fera perdre à la première mauvaise réponse...</p>
			
			<div class="options">
				<span class="title">Options</span>
				<ul>
					<li class="generations">
						<strong>Générations</strong><br />
						<input type="radio" name="gen" id="all" checked><label for="all"> <strong title="toutes">Toutes</strong> (001 - 649)</label>
						<input type="radio" name="gen" id="1g"><label for="1g"> <strong title="Kanto">1G</strong> (001 - 151)</label>
						<input type="radio" name="gen" id="2g"><label for="2g"> <strong title="Johto">2G</strong> (152 - 251)</label>
						<input type="radio" name="gen" id="3g"><label for="3g"> <strong title="Hoenn">3G</strong> (252 - 386)</label><br />
						<input type="radio" name="gen" id="4g"><label for="4g"> <strong title="Sinnoh">4G</strong> (387 - 493)</label>
						<input type="radio" name="gen" id="5g"><label for="5g"> <strong title="Unys">5G</strong> (494 - 649)</label>
					</li>
					<li>
						<strong>Langues</strong><br />
						<input type="radio" name="lang" id="fr" checked><label for="fr"> Français</label>
						<input type="radio" name="lang" id="en"><label for="en"> Anglais</label>
					</li>
					<li class="seconds">
						<strong>Décompte</strong><br />
						<input type="text" name="seconds" size="1" value="10" id="seconds" maxlength="4"><label for="seconds"> secondes</label>
					</li>
					<li class="modes">
						<strong>Mode de jeu</strong><br />
						<input type="radio" name="mode" id="limit" checked><label for="limit"> Limité</label>
						<input type="radio" name="mode" id="infini"><label for="infini"> Infini</label>
						<input type="radio" name="mode" id="hardcore"><label for="hardcore"> Hardcore</label>
						<!-- <input type="radio" name="mode" id="versus"><label for="versus"> Versus</label> -->
						<span class="limit"></span>
					</li>
				</ul>
			</div>

			<p class="goforit"><input type="submit" class="take-the-test" name="take-the-test" value="Commencer le test !"></p>
		</div>
	</article>

	<footer>
		<p>
			Developpé par Théo Marchal // 2012 // Pokétest v0.8.5 // <a href="about.html">À propos</a>
		</p>
	</footer>
</body>
</html>